<template>
  <div class="main">
    <div class="ts">
      <h4>温馨提示</h4>
      <span style="font-size: 12px;">如果您是主办方，可联系我们商务QQ 13212314567</span>
    </div>
    <div class="bd">
      <div style="padding:10px 0 0 10px">
        <span><b>展会主要信息</b></span><span style="color:#f25c5c;font-size: 12px;">(*为必填项)</span>
      </div>
      <el-divider></el-divider>
      <el-form label-width="80px">
        <el-form-item label="展会名称">
          <el-input placeholder="展会名称" style="width:300px ;"></el-input>
        </el-form-item>
        <el-form-item label="展会类型">
          <el-select placeholder="请选择">
            <el-option label="同人展会" value="同人展会"></el-option>
            <el-option label="cosplay展" value="cosplay展"></el-option>
            <el-option label="演唱会" value="演唱会"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="封面上传">
          <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>
            <i class="el-icon-upload"></i>
            <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
            <div class="el-upload__tip" slot="tip">建议图片大小2M以内，图片尺寸660*900，可上传图片类型有jpg,png</div>
          </el-upload>
        </el-form-item>
        <el-form-item label="开展时间">
          <el-date-picker type="date" placeholder="选择日期" style="margin-right:20px ;">
          </el-date-picker>
          <el-time-select :picker-options="{
            start: '08:30',
            step: '00:30',
            end: '16:30'
          }" placeholder="选择时间">
          </el-time-select>
        </el-form-item>
        <el-form-item label="结束时间">
          <el-date-picker type="date" placeholder="选择日期" style="margin-right:20px ;">
          </el-date-picker>
          <el-time-select :picker-options="{
            start: '08:30',
            step: '00:30',
            end: '16:30'
          }" placeholder="选择时间">
          </el-time-select>
        </el-form-item>
        <el-form-item label="举办地区">
          <el-select placeholder="请选择" style="margin-right:20px ;">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
          <el-select placeholder="请选择" style="margin-right:20px ;">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
          <el-select placeholder="请选择">
            <el-option label="区域一" value="shanghai"></el-option>
            <el-option label="区域二" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="场馆选择" class="cd">
          <el-switch
  style="display: block;padding-top: 8px;"
  v-model="value2"
  active-color="#13ce66"
  inactive-color="#ff4949"
  active-text="现有场馆"
  inactive-text="其他场地"
  width="80">
</el-switch>
        </el-form-item>
        <el-form-item label="交通类型">
          <el-select v-model="value" placeholder="请选择">
    <el-option>步行</el-option>
    <el-option>步行</el-option>
    <el-option>步行</el-option>
  </el-select>
        </el-form-item>
        <el-form-item label="详细地址">
          <el-input placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="举办坐标" class="zb">
          <el-input style="width:300px ;"></el-input><a style="margin-left:5px" href="https://lbs.amap.com/tools/picker" target="view_window">点我拾取坐标</a>
        </el-form-item>
        <el-form-item label="喵特票价">
          <el-input style="width:300px ;"></el-input>
        </el-form-item>
        <el-form-item label="现场票价">
          <el-input style="width:300px ;"></el-input>
        </el-form-item>
        <el-form-item label="展会标签">
          <el-input style="width:300px ;"></el-input>
        </el-form-item>
        <el-form-item label="信息来源">
          <el-input type="textarea"  resize="none" ></el-input>
        </el-form-item>
        <el-button type="warning" style="margin-left:80px">提交</el-button>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.main {
  width: 1200px;
  margin: 0 auto;

  .ts {
    color: #f25c5c;
    margin-left: 10px;
    margin-bottom: 20px;
  }

  .bd {
    background-color: #fcfcfc;
    border: #e6e6e6;
    padding: 10px;
  }

  .zb{
    >a{
      text-decoration: none;
    }
  }
}
</style>